{% extends 'base.html' %}

{% block body %}
    <div id="parallax"><!-- Parallax Area -->

        <!-- Banner Area -->
        <section class="pages_banner_area">
            <img src="../static/images/parallax-layer/banner-layer-3.png" alt="" class="layer layer_1"
                 data-depth="0.10">
            <div class="container">
                <h2>过往调查</h2>
                <ol class="breadcrumb">
                    <li><a href={{ url_for('index') }}>首页</a></li>
                    <li><a href={{ url_for('overtime') }} class="active">过往调查</a></li>
                </ol>
            </div>
        </section>
        <!-- End Banner Area -->

        <!-- Stack-bar Area -->
        <section class="pricing_area pa_3">
            <div class="container">
{#                <h2 class="tittle">变化趋势</h2>#}
                <div class="row" style="margin: 0 auto;">
                    <form method='GET' action='/'>
                        <!-- Main component for a primary marketing message or call to action -->
                        {{ l1_charts|safe }}
                    </form>
                </div>
                <p style="margin-bottom: 10%">对过往数据进行聚焦，选取1993-2013年的数据进行可视化，选取男性群体中发病率（年龄化标准率，即去除年龄影响因素后的发病率）
                    最高的肺癌作为切入点，并选取平均 患病率最高的五个国家进行探讨。我们可以看到，前五个国家的数据基本都在同一水平区间内，基本维持在60~80的区间内。
                在2020年，克罗地亚的男性肺癌发病率更是达到了92.9的一个高值。</p>
                <div class="row" style="margin: 0 auto;">
                    <form method='GET' action='/'>
                        <!-- Main component for a primary marketing message or call to action -->
                        {{ l2_charts|safe }}
                    </form>
                </div>
                <p style="margin-bottom: 10%">在女性群体的分析中选取了发病率第一的乳腺癌，可以看到排名前五的国家分别是法国、荷兰、丹麦、冰岛和意大利。这五个国家
                数值基本维持在70~100的区间内，相比其在男性群体中发病率最高的肺癌，乳腺癌在女性群体中的发病率要更高。在2009年，丹麦女性中的乳腺癌发病率
                达到了121.2，远高于本国甚至另外四国在1993-2013年间的任一数值。</p>
            </div>
        </section>
        <!-- End Stack-bar Area -->

        <!-- Feature Work Area -->
        <section class="feature_work_area fwa_2 fwa_3">
            <img src="../static/images/parallax-layer/feature-work-bg.png" alt="" class="layer layer_1"
                 data-depth="0.20">
            <div class="container">
                <h2 class="tittle">接下来</h2>
                <div class="row">
                    <div class="col-lg-6 feature_img wow fadeInLeft">
                        <img src="../static/images/fetures_bg.png" alt="" class="fetures_bg layer" data-depth="0.10">
                        <img src="../static/images/computer_doctor_woman.png" alt="">
                    </div>
                    <div class="col-lg-6 feature_content wow fadeInRight">
                        <h2>未来分析</h2>
                        <p>根据现有数据，预测到2040年，全世界未来的癌症发病率和死亡率负担。</p>
                        <div style="display: flex;flex-direction: row">
                            <a href={{ url_for('future') }} class="theme_btn">下一项</a>
                            <a href={{ url_for('index') }} class="theme_btn" style="margin-left: 10%">回到首页</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Feature Work Area -->

    </div>
    <!-- End Parallax -->

{% endblock %}
